.wrapper {
  display : block;
  position: relative;
  width   : 100%;
  height  : 100%;

}

.wrapper h1 {
  z-index                : 2;
  mix-blend-mode         : overlay;
  text-shadow            : 0 5px 20px rgba(0, 0, 0, 0.1);
  background-image       : url(./test1.gif);
  background-position    : center center;
  background-size        : cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wrapper video {
  position: absolute;
  z-index : -1;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}